<html>
  <head>
    <meta charset="UTF-8">
    <title>Chat</title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
    <link href="styles/font-awesome.min.css" type="text/css" rel="stylesheet" />
    <link href="styles/vsc.css" type="text/css" rel="stylesheet" />
  </head>
  <body>
    
      <section id="app">
          <header>
              <!-- <ul id="app-menu">
                <li>
                    <span>文件（F）</span>
                    <ul>
                      <li><span>新建文件</span></li>
                      <li><span>新建窗口</span></li>
                      <li class="spliter"></li>
                      <li><span>打开文件</span></li>

                    <li>
                        <li><span>打开最近的文件</span>
                            <ul>
                                <li><span>xxxx.dox</span></li>
                                <li><span>xxx1.dox</span></li>
                                <li><span>xxx2.dox</span></li>
                                <li><span>xxx3.dox</span></li>
                            </ul>
                        </li>
                    </li>
                    </ul>
                </li>
                  <li>编辑（E）</li>
                  <li>选择（S）</li>
                  <li>查看（V）</li>
                  <li>转到（G）</li>
                  <li>运行（R）</li>
                  <li>终端（T）</li>
                  <li>帮助（H）</li>
                
              </ul> -->
              <ul id="app-menu">
                  <li>
                      <span>文件(F)</span>
                      <ul>
                          <li>新建窗口</li>
                          <li>打开文件</li>
                          <li class="spliter"></li>
                          <li>打开文件夹</li>
                          <li>保存</li>
                          <li>
                              <span>打开最近的文件</span>
                              <ul>
                                  <li>
                                      <span>xxxx.dox</span>
                                      <ul>
                                          <li>打开</li>
                                      </ul>
                                  </li>
                                  <li>2</li>
                                  <li>3</li>
                                  <li>4</li>
                              </ul>
                          </li>
                          <li>退出</li>
                      </ul>
                  </li>

                  <li>
                      <span>编辑（E）</span>
                      <ul>
                        <li>撤销</li>
                        <li>恢复</li>
                        <li>剪切</li>
                        <li>复制</li>
                        <li>粘贴</li>
                        <li>查找</li>
                        <li>替换</li>
                        <li>保存</li>
                      </ul>

                  </li>

                  <li>
                      <span>选择（S）</span>
                      <ul>
                        <li>展开选定内容</li>
                        <li>缩小选定范围</li>
                        <li>向上复制行</li>
                        <li>向下复制行</li>
                    </ul>
                      
                  </li>

                  <li>
                      <span>查看（S）</span>
                      <ul>
                          <li>命令面板</li>
                          <li>打开视图</li>
                          <li>外观</li>
                          <li>
                              <span>编辑器布局</span>
                            <ul>
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                            </ul>
                          </li>
                          <li>资源管理器</li>
                          <li>搜索</li>
                          <li>SCM</li>
                      </ul>
                  </li>

                  <li>
                      <span>运行（S）</span>
                      <ul>
                          <li>启动调试</li>
                          <li>以非调试模式运行</li>
                          <li>停止调试</li>
                          <li>启动调试</li>
                          <li>打开配置</li>

                      </ul>
                  </li>

                  <li>
                      <span>帮助（H）</span>
                      <ul>
                          <li>欢迎使用</li>
                          <li>交互式演练场</li>
                          <li>文档</li>
                          <li>发行说明</li>

                      </ul>
                  </li>
              </ul>
              <h1>Visual Studio Code</h1>
              <div id="app-btns">
                  <span><li class="icon icon-window-minimize" aria-hidden="true"></li></span>
                  <span><li class="icon icon-clone" aria-hidden="true"></li></span>
                  <span><li class="icon icon-times" aria-hidden="true"></li></span>
              </div>
          </header>
          <section id="main">
              <header id="top-menu">
                  <ul id="main-menu">
                      <li><i class="icon icon-file"></i></li>
                      <li><i class="icon icon-search"></i></li>
                      <li class="selected"><i class="icon icon-paperclip"></i></li>
                      <li><i class="icon icon-check-circle"></i></li>
                  </ul>
                  <ul id="config-menu"></ul>
              </header>
              <aside>
                  <h2>资源管理器</h2>
                  <section>
                      <section class="aside-section">
                          <header>
                              <h3>vsc</h3>
                              <div class="actions">
                                  <span class=""></span>
                                  <ins class="number"><span>12</span></ins>
                              </div>
                              
                          </header>
                          <section>
                            <ul class="tree">
                                <li>
                                    <span>文件(F)</span>
                                    <ul>
                                        <li>新建窗口</li>
                                        <li>打开文件</li>
                                        <li class="spliter"></li>
                                        <li>打开文件夹</li>
                                        <li>保存</li>
                                        <li>
                                            <span>打开最近的文件</span>
                                            <ul>
                                                <li>
                                                    <span>xxxx.dox</span>
                                                    <ul>
                                                        <li>打开</li>
                                                    </ul>
                                                </li>
                                                <li>2</li>
                                                <li>3</li>
                                                <li>4</li>
                                            </ul>
                                        </li>
                                        <li>退出</li>
                                    </ul>
                                </li>
              
                                <li>
                                    <span>编辑（E）</span>
                                    <ul>
                                      <li>撤销</li>
                                      <li>恢复</li>
                                      <li>剪切</li>
                                      <li>复制</li>
                                      <li>粘贴</li>
                                      <li>查找</li>
                                      <li>替换</li>
                                      <li>保存</li>
                                    </ul>
              
                                </li>
              
                                <li>
                                    <span>选择（S）</span>
                                    <ul>
                                      <li>展开选定内容</li>
                                      <li>缩小选定范围</li>
                                      <li>向上复制行</li>
                                      <li>向下复制行</li>
                                  </ul>
                                    
                                </li>
              
                                <li>
                                    <span>查看（S）</span>
                                    <ul>
                                        <li>命令面板</li>
                                        <li>打开视图</li>
                                        <li>外观</li>
                                        <li>
                                            <span>编辑器布局</span>
                                          <ul>
                                              <li>1</li>
                                              <li>2</li>
                                              <li>3</li>
                                              <li>4</li>
                                          </ul>
                                        </li>
                                        <li>资源管理器</li>
                                        <li>搜索</li>
                                        <li>SCM</li>
                                    </ul>
                                </li>
              
                                <li>
                                    <span>运行（S）</span>
                                    <ul>
                                        <li>启动调试</li>
                                        <li>以非调试模式运行</li>
                                        <li>停止调试</li>
                                        <li>启动调试</li>
                                        <li>打开配置</li>
              
                                    </ul>
                                </li>
              
                                <li>
                                    <span>帮助（H）</span>
                                    <ul>
                                        <li>欢迎使用</li>
                                        <li>交互式演练场</li>
                                        <li>文档</li>
                                        <li>发行说明</li>
              
                                    </ul>
                                </li>
                            </ul>
                          </section>
                      </section>
                  </section>
              </aside>

              <div>
                  <div id="editor" class="tabs"></div>


              </div>

              <div id="workspace">
                <div>
                    <div id="editor" class="tabs">
                        <header>
                            <ul class="tab-captions">
                                <li>
                                    <label>vsc.html</label>
                                    <i class="icon icon-close"></i>
                                </li>>
                                <li>
                                    <label>vsc.scss</label>
                                    <i class="icon icon-close"></i>
                                </li>>
                            </ul>
                            <div class="actions">qqqq</div>
                        </header>
                        <section>
                            <ol class="navigation">
                                <li>vs.html</li>
                                <li>html</li>
                                <li>body</li>
                            </ol>
                            <div class="workarea">workarea</div>
                        <ction>
                    </div>
                    <div id="console">console</div>
                </div>
            </div>

              </div>
          </section>
          <footer>
              <div id="notices">
                  <li><i class="icon icon-code-fork" >master*</i></li>
                  <li><i class="icon icon-refresh" aria-hidden="true"></i></li>
                  <li>
                      <i class="icon icon-exclamation-triangle" aria-hidden="true">0</i>
                      <i class="icon icon-times-circle-o" aria-hidden="true">0</i>

                  </li>
                </div>
              <div id="btns">
                  <li><i class="icon icon-bell-o" ></i></li>
                  <li><i class="icon icon-bullseye" aria-hidden="true">Go Live</i></li>
                  <li><i class="icon icon-twitter-square" aria-hidden="true"></i></li>
                  <li><i >HTML</i></li>
                  <li><i >CRLF</i></li>
                  <li><i >UTF-8</i></li>
                  <li><i >空格：</i></li>
                  <li><i >列：</i></li>
                  <li><i >行：</i></li>
                  <li><i class="icon icon-binoculars" aria-hidden="true">Watching...</i></li>
                </div>
          </footer>
      </section>
          
      <script type="text/javascript" src="vsc.js"></script>
        
  </body>
</html>